<!DOCTYPE html>
<html>
    <head>
        <title>SingleStudentMessage</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="css/bootstrap.min.css"/>
        <link rel="stylesheet" href="css/newcss1.css"/>
        <link rel="stylesheet" href="css/mycss_foradim.css"/>
        <script src="js/jquery-3.4.1.min.js"></script>
        <script type="text/javascript" src="js/circle.js" charset="UTF-8"></script>
        <script>

            $(document).ready(function () {
                $("#btn_searchOne").click(function () {
                    $.ajax({
                        url: 'sosms', 
                        type: 'GET', 
                        data: {keyword:$("#keyword").val()}, //提交一个请求参数keyword，参数值为id为keyword的元素的value
                        success: function (s) {
                            $("#span_sid").html(s.Sid); 
                            $("#span_sname").html(s.Sname);
                            $("#span_spwd").html(s.Spwd);
                            $("#span_sgender").html(s.Sgender);
                            $("#span_sclassid").html(s.ClassID);
                        },
                        error: function () {
                            alert("查找不到此学生!");
                        }
                    });
                });
            });
        </script>
    </head>
    <body>
        <div id="navdiv">
            <div class="top_navdiv">
                <div class="top_left">教师中心</div>
                <div class="identity">
                    <span>您好</span>
                    <div class="user_li">
                        <canvas id="myCanvas" width="100" height="30">
                        </canvas>
                    </div>
                </div>
            </div>
        </div>
        <div class="navbar  control_nav" >
            <div class="container"  style="margin-left: 300px; ">
                <ul class="nav navbar-nav navul">
                    <li class="col-md-2">
                        <a href="teacherApplyTest.jsp">申请/取消考试</a>
                    </li>
                    <li class="col-md-2">
                        <input type="hidden" name="ClassID" class="form-control" >
                        <a href="ssls">查看班级列表</a>
                    </li>
                    <li class="col-md-2">
                        <a href="SearchOneStudent.html">查询单个学生</a>
                    </li>
                    <li class="col-md-2">
                        <a href="sosgs">查询学生成绩</a>
                    </li>
                    <li class="col-md-2">
                        <a href="scgs">查询班级成绩</a>
                    </li>
                </ul>
            </div>
        </div>
        <a href="teacherInfo.jsp" style="margin-left: 1400px;">返回教师页面</a>
        <div class="container">
           
            <form class="form-inline text-center" id="form1">
                学生:  <input type="text" id="keyword" name="keyword" class="form-control" placeholder="请输入学号或姓名"> &nbsp;
                <button id="btn_searchOne" type="button" class="btn btn-sm btn-primary">查询</button><br><br>
            </form>
            <div style="margin-left: 450px; font-size: 20px;" >
                学&nbsp;生&nbsp;学&nbsp;号&nbsp;:&nbsp;<span id="span_sid" style="font-size: 20px;"></span><br>
                学&nbsp;生&nbsp;姓&nbsp;名&nbsp;:&nbsp;<span id="span_sname" style="font-size: 20px;"></span><br>
                学&nbsp;生&nbsp;密&nbsp;码&nbsp;:&nbsp;<span id="span_spwd" style="font-size: 20px;"></span><br>
                学&nbsp;生&nbsp;性&nbsp;别&nbsp;:&nbsp;<span id="span_sgender" style="font-size: 20px;"></span><br>
                学&nbsp;生&nbsp;班&nbsp;级&nbsp;:&nbsp;<span id="span_sclassid" style="font-size: 20px;"></span><br>
            </div>
        </div>
    </body>
</html>
